<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品全部分类</title>
    <link rel="stylesheet" href="css/index.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script src="http://47.106.66.89:8080/js/vue.min.js"></script>
    <script src="http://47.106.66.89:8080/js/axios.min.js"></script>
    <link  href="http://47.106.66.89:8080/js/ele-2.15.7/theme-chalk/index.css" rel="stylesheet">
    <script src="http://47.106.66.89:8080/js/ele-2.15.7/index.js"></script>

</head>
<body>
<!--header-->
<div class="header2" id="app">
    <div class="header-box">
        <div class="header">
            <div class="header-left-title">
                <div class="welcome"><img  class="icon" src="images/icon/welcome.png" alt="">&nbsp;欢迎来到<a href="">AnJunDCM官网</a>!</div>
                <div class="login">&nbsp;&nbsp;&nbsp;<a href="login.html">登陆</a>&nbsp;丨&nbsp;<a href="reg.html">免费注册</a></div>
            </div>
            <div class="header-center-title">
                <ul>
                    <li><a href="">我的AnJun</a></li>
                    <li><a href="cart.html">购物车</a><span class="count">1</span></li>
                    <li><a href="">我的订单</a></li>
                    <li><a href="">收藏网站</a></li>
                    <li><a href="">积分</a></li>
                </ul>
            </div>
            <div class="header_right_title">
                <ul>
                    <li><a href="">我要供货</a></li>
                    <li><a href="">客服中心<i class="kefu-icon"><img src="images/kefu.png" alt="" width="20" height="20"></i></a></li>

                </ul>

            </div>


        </div>
        <div class="header-nav-box">
            <div class="nav">
                <div class="nav-logo">
                    <a href="" class="logo"><img src="images/logo.png" alt=""></a>
                </div>
                <div class="nav-search-box">
                    <form action="" name="fomr1">
                        <div class="nav-search">
                            <div class="bar1">
                                <input type="text" placeholder="请输入您要搜索的内容..." class="text"><button type="submit" class="btn">搜索</button>
                            </div>
                            <div class="search-key">
                                <span class="key-title">热搜词汇:</span>
                                <div class="key">
                                    <ul>
                                        <li><a href="">手机</a></li>
                                        <li><a href="">电子产品</a></li>
                                        <li><a href="">衣服</a></li>
                                        <li><a href="">鞋子</a></li>
                                        <li><a href="">鞋子</a></li>
                                        <li><a href="">鞋子</a></li>
                                        <li><a href="">鞋子</a></li>
                                        <li><a href="">鞋子</a></li>
                                        <li><a href="">鞋子</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="wechat-box">
                    <ul>
                        <li><img src="images/app.jpg" alt="" width="110" height="110"></li>
                        <li><img src="images/app.jpg" alt="" width="110" height="110"></li>
                    </ul>
                </div>

            </div>
            <div class="nav-daohang">
                <div class="daohang">
                    <ul>
                        <li><a href="goods.html">全部分类</a></li>
                        <li><a href="index.html">首页</a></li>
                        <li><a href=""> 选品采购</a></li>
                        <li><a href="daigou.html">指定代购</a></li>
                        <li><a href="need.html"> 需求提交</a></li>
                        <li><a href="">个性定制</a></li>
                        <li><a href="wl-case.html">物流方案</a></li>
                        <li><a href="join.html">我要入驻</a></li>
                        <li><a href="us.html">关于我们</a></li>

                    </ul></div>
            </div>

        </div>
    </div></div>
<!--hearder end!-->

<div class="goods-box">
<div class="goods-main-box">
<div class="goods-location">
<i><img src="images/icon/home.png" alt="" width="18" height="18"></i>
<span><a href="">首页</a></span>
    <span>></span>
    <span><a href="">热门分类</a></span>
    <span>></span>
    <span><a href="">数码家电</a></span>
    <span>></span>
    <span><a href="">电脑主机</a></span>
</div>

    <div class="goods-left-nav">

        <!--main left-->
        <div class="main-left">
            <!--左侧菜单-->
            <div class="sec-mainL left">
                <div class="mainL-hd-box">
                    <h2 class="mainL-hd"><a href="goods.html" target="_blank">全部商品分类</a></h2>
                </div>
                <!--菜单列表-->
                <ul class="sec-mainNav">
                    <li>
                        <h3>男女时装</h3>
                        <div class="menu-tab">
                            <a href="">男装</a>
                            <a href="">女装</a>
                            <a href="">休闲衣服</a>
                            <a href="">休闲裤子</a>
                            <div class="fix"></div>
                        </div>
                        <span class="menu-more">更多</span>
                        <!--二级菜单-->
                        <div class="menu-panel">
                            <div class="menu-panel-hd">
                                <h4>热门分类</h4>
                                <div class="sub-group">
                                    <a href="">男装</a>
                                    <a href="">女装</a>
                                    <a href="">休闲衣服</a>
                                    <a href="">休闲裤子</a>
                                </div>
                            </div>
                            <div class="menu-panel-bd">
                                <ul>
                                    <li>
                                        <a href=""><img src="images/0.png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0 (1).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0 (2).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0 (3).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0.jpg" /></a>
                                    </li>
                                </ul>
                            </div>
                            <a href="" class="menu-panel-btn">
                                <span>查看全部商家</span>
                                <em></em>
                            </a>
                        </div>
                    </li>
                    <li>
                        <h3>内衣 配饰</h3>
                        <div class="menu-tab">
                            <a href="">美食特产</a>
                            <a href="">酒水茶叶</a>
                            <a href="">蛋糕预订</a>
                            <div class="fix"></div>
                        </div>
                        <span class="menu-more">更多</span>
                        <!--二级菜单-->
                        <div class="menu-panel">
                            <div class="menu-panel-hd">
                                <h4>热门分类</h4>
                                <div class="sub-group">
                                    <a href="">美食特产</a>
                                    <a href="">酒水茶叶</a>
                                    <a href="">蛋糕预订</a>
                                </div>
                            </div>
                            <div class="menu-panel-bd">
                                <ul>
                                    <li>
                                        <a href=""><img src="images/0.png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0 (1).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0 (2).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0 (3).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0.jpg" /></a>
                                    </li>
                                </ul>
                            </div>
                            <a href="" class="menu-panel-btn">
                                <span>查看全部商家</span>
                                <em></em>
                            </a>
                        </div>
                    </li>
                    <li>
                        <h3>鞋靴 箱包</h3>
                        <div class="menu-tab">
                            <a href="">鞋靴</a>
                            <a href="">箱包</a>

                            <div class="fix"></div>
                        </div>
                        <span class="menu-more">更多</span>
                        <!--二级菜单-->
                        <div class="menu-panel">
                            <div class="menu-panel-hd">
                                <h4>热门分类</h4>
                                <div class="sub-group">
                                    <a href="">鞋靴</a>
                                    <a href="">箱包</a>

                                </div>
                            </div>
                            <div class="menu-panel-bd">
                                <ul>
                                    <li>
                                        <a href=""><img src="images/0.png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0 (1).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0 (2).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0 (3).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0.jpg" /></a>
                                    </li>
                                </ul>
                            </div>
                            <a href="" class="menu-panel-btn">
                                <span>查看全部商家</span>
                                <em></em>
                            </a>
                        </div>
                    </li>
                    <li>
                        <h3>运动 户外</h3>
                        <div class="menu-tab">
                            <a href="">运动</a>
                            <a href="">户外</a>
                            <a href="">护具</a>
                            <div class="fix"></div>
                        </div>
                        <span class="menu-more">更多</span>
                        <!--二级菜单-->
                        <div class="menu-panel">
                            <div class="menu-panel-hd">
                                <h4>热门分类</h4>
                                <div class="sub-group">
                                    <a href="">运动</a>
                                    <a href="">户外</a>
                                    <a href="">护具</a>
                                </div>
                            </div>
                            <div class="menu-panel-bd">
                                <ul>
                                    <li>
                                        <a href=""><img src="images/0.png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0 (1).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0 (2).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0 (3).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0.jpg" /></a>
                                    </li>
                                </ul>
                            </div>
                            <a href="" class="menu-panel-btn">
                                <span>查看全部商家</span>
                                <em></em>
                            </a>
                        </div>
                    </li>
                    <li>
                        <h3>家居 百货</h3>
                        <div class="menu-tab">
                            <a href="">家居</a>
                            <a href="">百货</a>
                            <a href=""></a>
                            <div class="fix"></div>
                        </div>
                        <span class="menu-more">更多</span>
                        <!--二级菜单-->
                        <div class="menu-panel">
                            <div class="menu-panel-hd">
                                <h4>热门分类</h4>
                                <div class="sub-group">
                                    <a href="">家居</a>
                                    <a href="">百货</a>

                                </div>
                            </div>
                            <div class="menu-panel-bd">
                                <ul>
                                    <li>
                                        <a href=""><img src="images/0.png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0 (1).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0 (2).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0 (3).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0.jpg" /></a>
                                    </li>
                                </ul>
                            </div>
                            <a href="" class="menu-panel-btn">
                                <span>查看全部商家</span>
                                <em></em>
                            </a>
                        </div>
                    </li>
                    <li>
                        <h3>家纺 家饰</h3>
                        <div class="menu-tab">
                            <a href="">家纺</a>
                            <a href="">家饰</a>

                            <div class="fix"></div>
                        </div>
                        <span class="menu-more">更多</span>
                        <!--二级菜单-->
                        <div class="menu-panel">
                            <div class="menu-panel-hd">
                                <h4>热门分类</h4>
                                <div class="sub-group">
                                    <a href="">家纺</a>
                                    <a href="">家饰 </a>

                                </div>
                            </div>
                            <div class="menu-panel-bd">
                                <ul>
                                    <li>
                                        <a href=""><img src="images/0.png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0 (1).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0 (2).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0 (3).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0.jpg" /></a>
                                    </li>
                                </ul>
                            </div>
                            <a href="" class="menu-panel-btn">
                                <span>查看全部商家</span>
                                <em></em>
                            </a>
                        </div>
                    </li>
                    <li>
                        <h3>童装 母婴 玩具</h3>
                        <div class="menu-tab">
                            <a href="">童装</a>
                            <a href="">母婴</a>
                            <a href="">玩具</a>
                            <div class="fix"></div>
                        </div>
                        <span class="menu-more">更多</span>
                        <!--二级菜单-->
                        <div class="menu-panel">
                            <div class="menu-panel-hd">
                                <h4>热门分类</h4>
                                <div class="sub-group">
                                    <a href="">童装</a>
                                    <a href="">母婴</a>
                                    <a href="">玩具</a>
                                </div>
                            </div>
                            <div class="menu-panel-bd">
                                <ul>
                                    <li>
                                        <a href=""><img src="images/0.png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0 (1).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0 (2).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0 (3).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images0.jpg" /></a>
                                    </li>
                                </ul>
                            </div>
                            <a href="" class="menu-panel-btn">
                                <span>查看全部商家</span>
                                <em></em>
                            </a>
                        </div>
                    </li>
                    <li>
                        <h3>数码 家电</h3>
                        <div class="menu-tab">
                            <a href="">数码</a>
                            <a href="">家电</a>
                            <a href="">配件</a>
                            <div class="fix"></div>
                        </div>
                        <span class="menu-more">更多</span>
                        <!--二级菜单-->
                        <div class="menu-panel">
                            <div class="menu-panel-hd">
                                <h4>热门分类</h4>
                                <div class="sub-group">
                                    <a href="">数码</a>
                                    <a href="">家电</a>
                                    <a href="">配件</a>
                                </div>
                            </div>
                            <div class="menu-panel-bd">
                                <ul>
                                    <li>
                                        <a href=""><img src="images/0.png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0 (1).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0 (2).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0 (3).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0.jpg" /></a>
                                    </li>
                                </ul>
                            </div>
                            <a href="" class="menu-panel-btn">
                                <span>查看全部商家</span>
                                <em></em>
                            </a>
                        </div>
                    </li>
                    <li>
                        <h3>美容化妆  个护家清</h3>
                        <div class="menu-tab">
                            <a href="">美容</a>
                            <a href="">化妆</a>
                            <a href="">个户家清</a>
                            <div class="fix"></div>
                        </div>
                        <span class="menu-more">更多</span>
                        <!--二级菜单-->
                        <div class="menu-panel">
                            <div class="menu-panel-hd">
                                <h4>热门分类</h4>
                                <div class="sub-group">
                                    <a href="">美容</a>
                                    <a href="">化妆</a>
                                    <a href="">个户家清</a>
                                </div>
                            </div>
                            <div class="menu-panel-bd">
                                <ul>
                                    <li>
                                        <a href=""><img src="images/0.png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0 (1).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0 (2).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0 (3).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="images/0.jpg" /></a>
                                    </li>
                                </ul>
                            </div>
                            <a href="" class="menu-panel-btn">
                                <span>查看全部商家</span>
                                <em></em>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>

        </div>
        <!--main left-->

        <div class="goods-zuijin">
            <div class="goods-zuijin-title">
                最近浏览
            </div>

<div class="goods-zuijin-products">
    <table width="100%" border="0" cellpadding="0" cellspacing="0" height="80">
        <tr>
            <td width="62" rowspan="2"><a href=""><img src="images/small1.jpg" width="80" height="80"/></a></td>
            <td width="138" height="38"><a href="" style="font-size: 14px;color: #666666;" title="iphone 11 64GBiphone 11 64GBiphone 11 64GBiphone 11 64GBiphone 11 64GBiphone 11 64GB">iphone 11 64GB</a></td>
        </tr>
        <tr>
            <td align="center"><strong style="color: #e4393c;font-size: 16px;">￥5399.00</strong></td>
        </tr>

    </table>
</div>

            <div class="goods-zuijin-products">
                <table width="100%" border="0" cellpadding="0" cellspacing="0" height="80">
                    <tr>
                        <td width="62" rowspan="2"><a href=""><img src="images/small1.jpg" width="80" height="80"/></a></td>
                        <td width="138" height="38"><a href="" style="font-size: 14px;color: #666666;" title="iphone 11 64GBiphone 11 64GBiphone 11 64GBiphone 11 64GBiphone 11 64GBiphone 11 64GB">iphone 11 64GB</a></td>
                    </tr>
                    <tr>
                        <td align="center"><strong style="color: #e4393c;font-size: 16px;">￥5399.00</strong></td>
                    </tr>

                </table>
            </div>

            <div class="goods-zuijin-products">
                <table width="100%" border="0" cellpadding="0" cellspacing="0" height="80">
                    <tr>
                        <td width="62" rowspan="2"><a href=""><img src="images/small1.jpg" width="80" height="80"/></a></td>
                        <td width="138" height="38"><a href="" style="font-size: 14px;color: #666666;" title="iphone 11 64GBiphone 11 64GBiphone 11 64GBiphone 11 64GBiphone 11 64GBiphone 11 64GB">iphone 11 64GB</a></td>
                    </tr>
                    <tr>
                        <td align="center"><strong style="color: #e4393c;font-size: 16px;">￥5399.00</strong></td>
                    </tr>

                </table>
            </div>

            <div class="goods-zuijin-products">
                <table width="100%" border="0" cellpadding="0" cellspacing="0" height="80">
                    <tr>
                        <td width="62" rowspan="2"><a href=""><img src="images/small1.jpg" width="80" height="80"/></a></td>
                        <td width="138" height="38"><a href="" style="font-size: 14px;color: #666666;" title="iphone 11 64GBiphone 11 64GBiphone 11 64GBiphone 11 64GBiphone 11 64GBiphone 11 64GB">iphone 11 64GB</a></td>
                    </tr>
                    <tr>
                        <td align="center"><strong style="color: #e4393c;font-size: 16px;">￥5399.00</strong></td>
                    </tr>

                </table>
            </div>

            <div class="goods-zuijin-bottom">
                <a href="">清空浏览记录</a>
            </div>


        </div>

    </div>

    <div class="goods-right-box">
<div class="goods-right-hot">
<span>热门推荐</span>

    <ul>
        <li>
            <table width="220" height="100" border="0" cellpadding="0" cellspacing="0">
                <tr>
                    <td width="105" rowspan="3"><a href=""><img src="images/small1.jpg"  width="95" height="95"/></a></td>
                    <td width="115" height="38">美的（Midea）电饭煲</td>
                </tr>
                <tr>
                    <td><strong style="color: #e4393c;font-size: 16px;">¥199.00</strong></td>
                </tr>
                <tr>
                    <td><a href="" class="buy">立即抢购</a></td>
                </tr>
            </table>
        </li>
        <li>
            <table width="220" height="100" border="0" cellpadding="0" cellspacing="0">
                <tr>
                    <td width="105" rowspan="3"><a href=""><img src="images/small1.jpg"  width="95" height="95"/></a></td>
                    <td width="115" height="38">美的（Midea）电饭煲美的（Midea)</td>
                </tr>
                <tr>
                    <td><strong style="color: #e4393c;font-size: 16px;">¥199.00</strong></td>
                </tr>
                <tr>
                    <td><a href="cart.html" class="buy">立即抢购</a></td>
                </tr>
            </table>
        </li>
        <li>   <table width="220" height="100" border="0" cellpadding="0" cellspacing="0">
            <tr>
                <td width="105" rowspan="3"><a href=""><img src="images/small1.jpg"  width="95" height="95"/></a></td>
                <td width="115" height="38">美的（Midea）电饭煲美的（Midea)</td>
            </tr>
            <tr>
                <td><strong style="color: #e4393c;font-size: 16px;">¥199.00</strong></td>
            </tr>
            <tr>
                <td><a href="cart.html" class="buy">立即抢购</a></td>
            </tr>
        </table></li>
        <li>
            <table width="220" height="100" border="0" cellpadding="0" cellspacing="0">
                <tr>
                    <td width="105" rowspan="3"><a href=""><img src="images/small1.jpg"  width="95" height="95"/></a></td>
                    <td width="115" height="38">美的（Midea）电饭煲美的（Midea)</td>
                </tr>
                <tr>
                    <td><strong style="color:#e4393c;font-size: 16px;">¥199.00</strong></td>
                </tr>
                <tr>
                    <td><a href="cart.html" class="buy">立即抢购</a></td>
                </tr>
            </table>
        </li>

    </ul>

</div>

        <div class="goods-right-split">
            <table width="100%" border="1" cellpadding="0" cellspacing="0" height="40">
                <tr>
                    <td width="60"><a href="">排序方式</a></td>
                    <td width="50"><a href="">默认<img src="images/icon/sanjiaox.png" width="12" height="14"></a></td>
                    <td width="50"><a href="">销量<img src="images/icon/sanjiaox.png" width="12" height="14"></a></td>
                    <td width="50"><a href="">人气<img src="images/icon/sanjiaox.png" width="12" height="14"></a></td>
                    <td width="50"><a href="">价格<img src="images/icon/sanjiaox.png" width="12" height="14"></a></td>
                    <td width="120">￥<input type="text" value="99">&nbsp;-&nbsp;<input type="text" value="999"><button type="submit">确定</button></td>

                    <td width="200">商品所在地：  <label>
                        <select name="select">
                            <option>-请选择-</option>
                            <option>深圳</option>
                            <option>广州</option>
                            <option>北京</option>
                        </select>
                    </label><button type="submit">确定</button></td>
                </tr>
            </table>

        </div>

        <div class="goods">
<ul v-for="item in goods">

    <li class="goods-products">
        <span><a :href="'products_show.html?gid=' + item.gid"><img :src="item.gimage" alt="" width="250" height="215" class="main-img"></a></span>

        <ul class="goods-small-img">
            <li><img src="images/normal1.jpg" alt="" width="50" height="50"></li>
            <li><img src="images/normal2.jpg" alt="" width="50" height="50"></li>
            <li><img src="images/normal3.jpg" alt="" width="50" height="50"></li>
            <li><img src="images/normal4.jpg" alt="" width="50" height="50"></li>
        </ul>

        <div class="goods-title">
            <a :href="'products_show.html?gid=' + item.gid">{{item.gdesc}}</a>
        </div>
        <div class="goods-label">
            <ul>
                <li><a class="procuts-label" title="包邮">包邮</a></li>
                <li><a class="procuts-label" title="支持花呗">支持花呗</a></li>
                <li><a class="procuts-label" title="满100减">满100元减</a></li>
            </ul>
        </div>
        <span class="goods-money">{{item.gprice}}}</span>
        <span class="goods-shop-name">官方自营店<a href=""><img src="images/icon/kefu.png" width="20" height="20"></a></span>
        <a href="cart.html" class="add-cart"><img src="images/icon/cart2.png" alt="" width="20" height="20"></a>
    </li>



<!--    <li class="goods-products">-->
<!--        <span><a href="cart.html"><img src="images/normal1.jpg" alt="" width="250" height="215" class="main-img"></a></span>-->

<!--        <ul class="goods-small-img">-->
<!--            <li><img src="images/normal1.jpg" alt="" width="50" height="50"></li>-->
<!--            <li><img src="images/normal2.jpg" alt="" width="50" height="50"></li>-->
<!--            <li><img src="images/normal3.jpg" alt="" width="50" height="50"></li>-->
<!--            <li><img src="images/normal4.jpg" alt="" width="50" height="50"></li>-->
<!--        </ul>-->

<!--        <div class="goods-title">-->
<!--            <a href="products_show.html">荣耀V11现货，特价出手，新人在免200元，赶快来抢购吧,赶快来抢购吧,赶快来抢购吧~~~~~</a>-->
<!--        </div>-->
<!--        <div class="goods-label">-->
<!--            <ul>-->
<!--                <li><a class="procuts-label" title="包邮">包邮</a></li>-->
<!--                <li><a class="procuts-label" title="支持花呗">支持花呗</a></li>-->
<!--                <li><a class="procuts-label" title="满100减">满100元减</a></li>-->
<!--            </ul>-->
<!--        </div>-->
<!--        <span class="goods-money">￥1499.00</span>-->
<!--        <span class="goods-shop-name">官方自营店<a href=""><img src="images/icon/kefu.png" width="20" height="20"></a></span>-->
<!--        <a href="cart.html" class="add-cart"><img src="images/icon/cart2.png" alt="" width="20" height="20"></a>-->
<!--    </li>-->

<!--    <li class="goods-products">-->
<!--        <span><a href="cart.html"><img src="images/normal1.jpg" alt="" width="250" height="215" class="main-img"></a></span>-->

<!--        <ul class="goods-small-img">-->
<!--            <li><img src="images/normal1.jpg" alt="" width="50" height="50"></li>-->
<!--            <li><img src="images/normal2.jpg" alt="" width="50" height="50"></li>-->
<!--            <li><img src="images/normal3.jpg" alt="" width="50" height="50"></li>-->
<!--            <li><img src="images/normal4.jpg" alt="" width="50" height="50"></li>-->
<!--        </ul>-->

<!--        <div class="goods-title">-->
<!--            <a href="products_show.html">荣耀V11现货，特价出手，新人在免200元，赶快来抢购吧,赶快来抢购吧,赶快来抢购吧~~~~~</a>-->
<!--        </div>-->
<!--        <div class="goods-label">-->
<!--            <ul>-->
<!--                <li><a class="procuts-label" title="包邮">包邮</a></li>-->
<!--                <li><a class="procuts-label" title="支持花呗">支持花呗</a></li>-->
<!--                <li><a class="procuts-label" title="满100减">满100元减</a></li>-->
<!--            </ul>-->
<!--        </div>-->
<!--        <span class="goods-money">￥1499.00</span>-->
<!--        <span class="goods-shop-name">官方自营店<a href=""><img src="images/icon/kefu.png" width="20" height="20"></a></span>-->
<!--        <a href="cart.html" class="add-cart"><img src="images/icon/cart2.png" alt="" width="20" height="20"></a>-->
<!--    </li>-->

<!--    <li class="goods-products">-->
<!--        <span><a href="cart.html"><img src="images/normal1.jpg" alt="" width="250" height="215" class="main-img"></a></span>-->

<!--        <ul class="goods-small-img">-->
<!--            <li><img src="images/normal1.jpg" alt="" width="50" height="50"></li>-->
<!--            <li><img src="images/normal2.jpg" alt="" width="50" height="50"></li>-->
<!--            <li><img src="images/normal3.jpg" alt="" width="50" height="50"></li>-->
<!--            <li><img src="images/normal4.jpg" alt="" width="50" height="50"></li>-->
<!--        </ul>-->

<!--        <div class="goods-title">-->
<!--            <a href="products_show.html">荣耀V11现货，特价出手，新人在免200元，赶快来抢购吧,赶快来抢购吧,赶快来抢购吧~~~~~</a>-->
<!--        </div>-->
<!--        <div class="goods-label">-->
<!--            <ul>-->
<!--                <li><a class="procuts-label" title="包邮">包邮</a></li>-->
<!--                <li><a class="procuts-label" title="支持花呗">支持花呗</a></li>-->
<!--                <li><a class="procuts-label" title="满100减">满100元减</a></li>-->
<!--            </ul>-->
<!--        </div>-->
<!--        <span class="goods-money">￥1499.00</span>-->
<!--        <span class="goods-shop-name">官方自营店<a href=""><img src="images/icon/kefu.png" width="20" height="20"></a></span>-->
<!--        <a href="cart.html" class="add-cart"><img src="images/icon/cart2.png" alt="" width="20" height="20"></a>-->
<!--    </li>-->

<!--    <li class="goods-products">-->
<!--        <span><a href="cart.html"><img src="images/normal1.jpg" alt="" width="250" height="215" class="main-img"></a></span>-->

<!--        <ul class="goods-small-img">-->
<!--            <li><img src="images/normal1.jpg" alt="" width="50" height="50"></li>-->
<!--            <li><img src="images/normal2.jpg" alt="" width="50" height="50"></li>-->
<!--            <li><img src="images/normal3.jpg" alt="" width="50" height="50"></li>-->
<!--            <li><img src="images/normal4.jpg" alt="" width="50" height="50"></li>-->
<!--        </ul>-->

<!--        <div class="goods-title">-->
<!--            <a href="products_show.html">荣耀V11现货，特价出手，新人在免200元，赶快来抢购吧,赶快来抢购吧,赶快来抢购吧~~~~~</a>-->
<!--        </div>-->
<!--        <div class="goods-label">-->
<!--            <ul>-->
<!--                <li><a class="procuts-label" title="包邮">包邮</a></li>-->
<!--                <li><a class="procuts-label" title="支持花呗">支持花呗</a></li>-->
<!--                <li><a class="procuts-label" title="满100减">满100元减</a></li>-->
<!--            </ul>-->
<!--        </div>-->
<!--        <span class="goods-money">￥1499.00</span>-->
<!--        <span class="goods-shop-name">官方自营店<a href=""><img src="images/icon/kefu.png" width="20" height="20"></a></span>-->
<!--        <a href="cart.html" class="add-cart"><img src="images/icon/cart2.png" alt="" width="20" height="20"></a>-->
<!--    </li>-->

<!--    <li class="goods-products">-->
<!--        <span><a href=""><img src="images/normal1.jpg" alt="" width="250" height="215" class="main-img"></a></span>-->

<!--        <ul class="goods-small-img">-->
<!--            <li><img src="images/normal1.jpg" alt="" width="50" height="50"></li>-->
<!--            <li><img src="images/normal2.jpg" alt="" width="50" height="50"></li>-->
<!--            <li><img src="images/normal3.jpg" alt="" width="50" height="50"></li>-->
<!--            <li><img src="images/normal4.jpg" alt="" width="50" height="50"></li>-->
<!--        </ul>-->

<!--        <div class="goods-title">-->
<!--            <a href="products_show.html">荣耀V11现货，特价出手，新人在免200元，赶快来抢购吧,赶快来抢购吧,赶快来抢购吧~~~~~</a>-->
<!--        </div>-->
<!--        <div class="goods-label">-->
<!--            <ul>-->
<!--                <li><a class="procuts-label" title="包邮">包邮</a></li>-->
<!--                <li><a class="procuts-label" title="支持花呗">支持花呗</a></li>-->
<!--                <li><a class="procuts-label" title="满100减">满100元减</a></li>-->
<!--            </ul>-->
<!--        </div>-->
<!--        <span class="goods-money">￥1499.00</span>-->
<!--        <span class="goods-shop-name">官方自营店<a href=""><img src="images/icon/kefu.png" width="20" height="20"></a></span>-->
<!--        <a href="cart.html" class="add-cart"><img src="images/icon/cart2.png" alt="" width="20" height="20"></a>-->
<!--    </li>-->

<!--    <li class="goods-products">-->
<!--        <span><a href="cart.html"><img src="images/normal1.jpg" alt="" width="250" height="215" class="main-img"></a></span>-->

<!--        <ul class="goods-small-img">-->
<!--            <li><img src="images/normal1.jpg" alt="" width="50" height="50"></li>-->
<!--            <li><img src="images/normal2.jpg" alt="" width="50" height="50"></li>-->
<!--            <li><img src="images/normal3.jpg" alt="" width="50" height="50"></li>-->
<!--            <li><img src="images/normal4.jpg" alt="" width="50" height="50"></li>-->
<!--        </ul>-->

<!--        <div class="goods-title">-->
<!--            <a href="products_show.html">荣耀V11现货，特价出手，新人在免200元，赶快来抢购吧,赶快来抢购吧,赶快来抢购吧~~~~~</a>-->
<!--        </div>-->
<!--        <div class="goods-label">-->
<!--            <ul>-->
<!--                <li><a class="procuts-label" title="包邮">包邮</a></li>-->
<!--                <li><a class="procuts-label" title="支持花呗">支持花呗</a></li>-->
<!--                <li><a class="procuts-label" title="满100减">满100元减</a></li>-->
<!--            </ul>-->
<!--        </div>-->
<!--        <span class="goods-money">￥1499.00</span>-->
<!--        <span class="goods-shop-name">官方自营店<a href=""><img src="images/icon/kefu.png" width="20" height="20"></a></span>-->
<!--        <a href="cart.html" class="add-cart"><img src="images/icon/cart2.png" alt="" width="20" height="20"></a>-->
<!--    </li>-->

<!--    <li class="goods-products">-->
<!--        <span><a href="cart.html"><img src="images/normal1.jpg" alt="" width="250" height="215" class="main-img"></a></span>-->

<!--        <ul class="goods-small-img">-->
<!--            <li><img src="images/normal1.jpg" alt="" width="50" height="50"></li>-->
<!--            <li><img src="images/normal2.jpg" alt="" width="50" height="50"></li>-->
<!--            <li><img src="images/normal3.jpg" alt="" width="50" height="50"></li>-->
<!--            <li><img src="images/normal4.jpg" alt="" width="50" height="50"></li>-->
<!--        </ul>-->

<!--        <div class="goods-title">-->
<!--            <a href="products_show.html">荣耀V11现货，特价出手，新人在免200元，</a>-->
<!--        </div>-->
<!--        <div class="goods-label">-->
<!--            <ul>-->
<!--                <li><a class="procuts-label" title="包邮">包邮</a></li>-->
<!--                <li><a class="procuts-label" title="支持花呗">支持花呗</a></li>-->
<!--                <li><a class="procuts-label" title="满100减">满100元减</a></li>-->
<!--            </ul>-->
<!--        </div>-->
<!--        <span class="goods-money">￥1499.00</span>-->
<!--        <span class="goods-shop-name">官方自营店<a href=""><img src="images/icon/kefu.png" width="20" height="20"></a></span>-->
<!--        <a href="cart.html" class="add-cart"><img src="images/icon/cart2.png" alt="" width="20" height="20"></a>-->
<!--    </li>-->

</ul>

        </div>

        <div class="goods-page">
<ul>
    <li><a href="">上一页</a></li>
    <li><a href="">1</a></li>
    <li><a href="">2</a></li>
    <li><a href="">3</a></li>
    <li><a href="">下一页</a></li>
</ul>

        </div>


    </div>


</div>

</div>



<!--footer-->
<div class="footer-box">
    <div class="footer-list-box">
        <div class="footer-list">
            <ul><img src="images/icon/about.png" alt="" width="20" height="20">&nbsp;关于我们
                <li class="magin"><a href="">关于安骏</a></li>
                <li><a href="">产品服务</a></li>
                <li><a href="">联系我们</a></li>
                <li><a href="">企业文化</a></li>
            </ul>
        </div>

        <div class="footer-list">
            <ul><img src="images/icon/zhinan.png" alt="" width="20" height="20">&nbsp;新手指南
                <li class="magin"><a href="">新手福利</a></li>
                <li><a href="">推荐有奖</a></li>
                <li><a href="">会员中心</a></li>
                <li><a href="">我的积分</a></li>
                <li><a href="">客服中心</a></li>
            </ul>
        </div>

        <div class="footer-list">
            <ul><img src="images/icon/zhifu.png" alt="" width="20" height="20">&nbsp;支付方式
                <li class="magin"><a href="">支付宝</a></li>
                <li><a href="">WeChat</a></li>
                <li><a href="">前海支付</a></li>
                <li><a href="">银联支付</a></li>
                <li><a href="">其它支付</a></li>
            </ul>
        </div>

        <div class="footer-list">
            <ul><img src="images/icon/daohang.png" alt="" width="20" height="20">&nbsp;网站导航
                <li class="magin"><a href="">选品采购</a></li>
                <li><a href="">指定代购</a></li>
                <li><a href="">需求提交</a></li>
                <li><a href="">我要入驻</a></li>
                <li><a href="">系统登录</a></li>
            </ul>
        </div>

        <div class="footer-list">
            <ul><img src="images/kefu.png" alt="" width="20" height="20">&nbsp;客服电话：
                <li class="magin" id="phone"><a href="">0755-12345678</a></li>
                <li><a href="">地址：深圳市龙岗区坂田街道格泰隆工业园</a></li>
                <li><a href="">邮箱：123456789@qq.com</a></li>

            </ul>
        </div>

        <div class="footer-list" style="margin-left: 100px;">
            <ul><img src="images/app.jpg" alt="" width="150" height="150">
                <li class="magin" id="guanzhu"><a href="">关注安骏</a></li>

            </ul>
        </div>


    </div>
    <div class="footer-footer">
        © 2020-2020 AnJun DCM  All Rights Reserved 9.0 备案号：123456789

    </div>

</div>
<!--footer end!-->

<!--左侧导航JS-->
<script type="text/javascript">
    $(function() {
        var $top = $('.sec-mainNav').offset().top + $('.sec-mainNav').height()
        //左侧导航动画
        $('.sec-mainNav li').on('mouseenter', function() {
            var $height = $(this).offset().top + $(this).find('.menu-panel').outerHeight();
            $(this).find('.menu-panel').show();
            if($height - $top >= 0) {
                $(this).find('.menu-panel').css({
                    top: -($height - $top) + 'px'
                })
            }
        });
        $('.sec-mainNav li').on('mouseleave', function() {
            $(this).find('.menu-panel').hide();
        });
    });

</script>

<!--products焦点图切换-->
<script type="text/JavaScript">
    // prepare the form when the DOM is ready
    $(document).ready(function() {
        var galleryClass = '.goods-products';
        $(galleryClass+' li img').hover(function(){
            var $gallery = $(this).parents(galleryClass);
            $('.main-img',$gallery).attr('src',$(this).attr('src').replace('thumb/', ''));
        });
        var imgSwap = [];
        $(galleryClass+' li img').each(function(){
            imgUrl = this.src.replace('thumb/', '');
            imgSwap.push(imgUrl);
        });
        $(imgSwap).preload();
    });
    $.fn.preload = function() {
        this.each(function(){
            $('<img/>')[0].src = this;
        });
    }
</script>

<script>
    new Vue({
        el: '#app',
        data: {
            type: '',
            goods: []
        },
        created() {
            this.getTypeGoods();
        },
        methods: {
            getTypeGoods() {
                const params = new URLSearchParams(window.location.search);
                this.type = params.get('type');
                axios.get("http://127.0.0.1/market-goods/mtype/mtype", {
                    params: {
                        type: type // 将type参数作为查询参数传递
                    }
                }).then(res=>{
                    this.goods=res.data;
                });

            }
        }
    });
</script>

</body>
</html>